/**
 * Created by Administrator on 2016/12/29.
 */
$(function(){
    $('nav ul li').click(function(){
        $(this).addClass('active');
    });
    $('.cuowu').click(function(){
        $('.cuowu').css('display','none');
    });

    $(document).click(function(){
        $('.cuowu').css('display','none');
    });
    time();
    setInterval(time,1000)
    function time (){
        var data = new Date();
//            console.log(data);
        var hour = data.getHours();
        var minute = data.getMinutes();
        var second = data.getSeconds();
        $('.time').html(hour+':'+minute+':'+second);
    }
    $('#name').change(function(){
        var name = /^[a-zA-Z][a-zA-Z0-9_]{4,11}$/
        var str = $(this).val();
        if(name.test(str)){
            $('#names').css('display','none')
        }else{
            $('#names').css('display','inline-block')
            $('#names').html('用户名为5-12英文数字组成')
        }
        if($(this).val() == ''){
            $('#names').css('display','inline-block')
            $('#names').html('用户名不能为空')
        }
    })
    $('#password').change(function(){
        var password = /(?!^\\d+$)(?!^[a-zA-Z]+$)(?!^[_#@]+$).{5,}/;
        var str = $(this).val();
        if(password.test(str)){
            $('#passwords').css('display','none');
        }else{
            $('#passwords').css('display','inline-block');
            $('#passwords').html('密码为5-12位，只能包含字母、数字和下划线')
        }
        if($(this).val() == $('#name').val()){
            $('#passwords').css('display','inline-block');
            $('#passwords').html('账号密码不能相同')
        }
        if($(this).val() == ''){
            $('#passwords').css('display','inline-block')
            $('#passwords').html('密码不能为空')
        }
    })
    $('#passwordRepeat').change(function(){
        var passwordRepeat = /(?!^\\d+$)(?!^[a-zA-Z]+$)(?!^[_#@]+$).{5,}/
        var str = $(this).val();
        if(passwordRepeat.test(str)){
            $('#passwordRepeats').css('display','none');
        }else{
            $('#passwordRepeats').css('display','inline-block');
            $('#passwordRepeats').html('两次密码不匹配')
        }
    })
    $('#email').change(function(){
        var email = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
        var str = $(this).val();
        if(email.test(str)){
            $('#emails').css('display','none');
        }else{
            $('#emails').css('display','inline-block');
            $('#emails').html('邮箱不正确')
        }
    })
    $(document).change(function(){
        var name = $('#names').css('display');
        var password = $('#passwords').css('display');
        var passwords = $('#passwordRepeats').css('display');
        var emails = $('#emails').css('display');
        if(name == "none" && password == "none" && passwords == "none" && emails == "none"){
            $("#btn").attr("disabled", false);
        }
    })
    $(document).keyup(function(){
        var text = $('#text').val()
        var ss = /\s*\S+/
        if (!ss.test(text)) {
            $("#button").attr("disabled", true);
        } else {
            $("#button").attr("disabled", false);
        }
    })
    $('#chooseImg').on('click',function  () {
        $('#file').click();
    });
    $('#file').change(function(){
        console.dir(this.files[0]);
        // 取出选择的文件(图片、html、text...)
        file = this.files[0];
        // startsWith('image')判断字符串是否以'image'开头
        if(file.type.startsWith('image')) {
            console.log(URL.createObjectURL(file))
            // URL.createObjectURL(file) 创建一个指向该文件的url
            var img = $('#bgimg')[0]
            img.src = URL.createObjectURL(file);
        } else {
            alert('请上传图片');
        }
    })
});
